.total{
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.searchbar {
	width:100%;
	height:1rem;
/* 	padding: .1rem; */
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 1.2;
	background-color: #F3F3F3;
	position: fixed;
	top:0;
}

.searchbar img:first-child {
	width: 0.7rem;
	height: 0.5rem;
}

.searchbar img:last-child {
	width: 0.6rem;
	height: 0.6rem;
}

.searchbar div {
	width: 80%;
	height: 0.7rem;
	background-color: white;
	display: flex;
	align-items: center;
	color: rgba(0, 0, 0, 0.3);
	font-size: .4rem;
}

a {
	text-decoration: none;
}

.searchbar span {
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background-image: url();
	background-size: 100% 100%;
	background-repeat: no-repeat;
	
}

.searchbar div input {
	width: 100%;
	height:100%;
	border: 0;
	padding-left: 10px;
}

.search {
	width: 90%;
	height: 6rem;
	padding: .6rem .32rem;
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	margin: 1rem auto;
}
.search-delete{
	width:100%;
	height:.8rem;
	display: flex;
	justify-content: space-between;
}
.search-delete span{
	display: block;
	font-size: .5rem;
	font-weight:700;
}
.search-delete img {
	width: .4rem;
	height: .4rem;
}


.search-discover{
	width:100%;
	height:.8rem;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.search-discover span{
	width:100%;
	display:block;
	font-size: .5rem;
	font-weight:700;
}
.search-discover img {
	width: .4rem;
	height: .4rem;
}

.discover{
	width:100%;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: .3rem;
}

.discover a{
	width:40%;
	padding:.3rem;
	text-decoration: none;
	font-size: .4rem;
}